<template>
  <div class="main_content">
    <!-- 接入500px 个人作品 -->
    <iframe
      id="iframe"
      height="100%"
      width="100%"
      name="iframe"
      src="https://500px.com.cn/LimeL"
      frameborder="0"
    ></iframe>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop, Watch } from 'vue-property-decorator' // ts装饰器
@Component({
  name: 'AlbumPage',
})
export default class AlbumPage extends Vue {
  // ts类组件声明
  // @Prop({ default: 'default value' }) readonly propB!: string // Prop
  // @Watch('child') // 监听器
  // onChildChanged(val: string, oldVal: string) {} // 监听器相应方法
  // 钩子函数
  mounted(): void {
    this.$nextTick(() => {
      this.$nuxt.$loading.start()
      setTimeout(() => this.$nuxt.$loading.finish(), 500)
    })
  }
}
// export default Vue.extend({
//   data() {
//     return {}
//   },
//   mounted() {
//     this.$nextTick(() => {
//       this.$nuxt.$loading.start()
//       setTimeout(() => this.$nuxt.$loading.finish(), 500)
//     })
//   },
//   methods: {},
// })
</script>
<style lang="less" scoped>
@import 'index.less';
</style>
